<!--
 * @Author: your name
 * @Date: 2021-11-20 00:11:16
 * @LastEditTime: 2021-11-20 00:14:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jf-nlitc\src\views\Home\swyzt\swjc\sk\index.vue
-->
<template>
    <!-- 水库 -->
    <div class="middle">
        <div class="raining">
            <p>预案</p>
        </div>
        <div class="level">
            水库紧急预案
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return {}
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    components: {},
}
</script>

<style lang="scss" scoped>
.middle {
    width: 100%;
    // height: 10%;
    // border: 1px solid red;
    margin-top: 20px;
    .raining {
        width: 100%;
        height: 25px;
        // border: 1px solid red;
        background: url('../../../../../../../src/assets/images/home/top.png') no-repeat center;
        background-size: 99% 100%;
        p {
            margin-left: 15px;
            font-family: OPPOSans;
            font-size: 18px;
        }
    }
    .level {
        width: 100px;
        height: 25px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        border-radius: 5px;
        text-align: center;
        font-family: OPPOSans;
        font-size: 12px;
        line-height: 25px;
        cursor: pointer;
        letter-spacing: 0.857143px;
        color: #ffffff;
        margin: 15px 10px;
    }
}
</style>
